import React, { useEffect } from 'react';
import ReactDOM from 'react-dom';

import DragMove from '@/components/dragMove';

import Mousemove from '@/components/dragMove/mousemove';

const App = () => {
  return (
    <div>
      {/* <DragMove
        style={{ background: 'green', height: 400, width: 400, zIndex: 1 }}
      >
        1111
      </DragMove>
      <DragMove
        style={{ background: 'red', height: 200, width: 200, zIndex: 2 }}
      >
        2222
      </DragMove> */}
      <Mousemove
        style={{ background: 'red', height: 200, width: 200, zIndex: 2 }}
      >
        323432
      </Mousemove>
      <Mousemove
        style={{ background: 'green', height: 400, width: 400, zIndex: 1 }}
      >
        22222
      </Mousemove>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById('root1'));
